<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

	<p:dialog header="Detail de la produit"
		widgetVar="detailProduitDialog" resizable="false" width="300"
		showEffect="clip" hideEffect="clip">
		<h:panelGrid id="detail" columns="2" cellpadding="1" width="280">

			<h:outputText value="Nom" />
			<h:outputText style="font-weight:bold" value="#{produit.nom}" />
			
			<h:outputText value="Reference" />
			<h:outputText style="font-weight:bold" value="#{produit.reference}" />

			<h:outputText value="Categorie" />
			<h:outputText style="font-weight:bold" value="#{produit.categorie.nom}" />

			<h:outputText value="Prix" />
			<h:outputText style="font-weight:bold" value="#{produit.prix} &#8364;" />

			<h:outputText value="Collection" />
			<h:outputText style="font-weight:bold" value="#{produit.collection.nom}" />
			
			<h:outputText value="Saison" />
			<h:outputText style="font-weight:bold" value="#{produit.saison.nom}" />
			
			<h:commandButton style="text-align: center" action="#{backBean.modifierProduit}" value="Modifier"/>
			<h:commandButton id="showDialogButton" value="Supprimer" onclick="confirmation.show()" type="button" />
		</h:panelGrid>
		
	</p:dialog>
	
	<p:confirmDialog id="confirmDialog" appendToBody="true" message="Voulez vous supprimez ce produit ?" header="Suppression" severity="alert" widgetVar="confirmation">  
        <p:commandButton id="confirm" value="Oui" oncomplete="confirmation.hide()" action="#{backBean.supprimerProduit}" />  
        <p:commandButton id="decline" value="Non" onclick="confirmation.hide()" type="button" />   
    </p:confirmDialog>
    
</ui:composition>